<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>edit-word</title>
    <script src="main.js" defer></script>
  </head>
  <body>
    <template id="person-template">
      <div>
        <h2>卡片名字</h2>
        <slot name="person-name">NAME MISSING</slot>
        <ul>
          <li><slot name="person-age">AGE MISSING</slot></li>
          <li><slot name="person-occupation">OCCUPATION MISSING</slot></li>
        </ul>
      </div>
    </template>

    <person-details>
      <h2>卡片名字</h2>
      <p slot="person-name">伍乐乐</p>
      <span slot="person-age">20</span>
      <span slot="person-occupation">茅坑清洁师</span>
    </person-details>

    
  </body>
</html>
